define(function(require, exports, module) {

    var id = 'myProfile',
        tpl = require('{base}/tpls/myProfile.tpl'),
        head = require('{base}/components/head.js'),
        headStatus = require('{base}/components/headStatus.js'),
        myProfileInfo = require('{base}/components/myProfileInfo.js'),
        inbox = require('{base}/components/inbox.js'),
        connectionsMenu = require('{base}/components/connectionsMenu.js'),
        uniqueFeaturesMenu = require('{base}/components/uniqueFeaturesMenu.js'),
        foot = require('{base}/components/foot.js');

    var myProfile = {

        template: _.template(tpl),

        render : function(obj) {
            $('body').html(this.template({
                head : head.render(),
                headStatus : headStatus.render(),
                myProfileInfo : myProfileInfo.render(),
                inbox : inbox.render(),
                connectionsMenu : connectionsMenu.render(),
                uniqueFeaturesMenu : uniqueFeaturesMenu.render(),
                foot : foot.render()
            }));
        }, 

        bindEvt: function() {          

        },
        
        updateComponentsHeadStatus:function() {
            $('#myProfile').find('.componentsHeadStatus').html(headStatus.render());
        },
        

    }

    module.exports = myProfile;
});
